<!-- #fundrising -->
<article id="fundrising" style="overflow: visible;">
    <div class="container">
        <!-- Title -->
        <h1 class="title-primary">Fund Rising</h1>
    
        <!-- Shopping Page -->
        <!-- ---------------------------------------------------------------- -->
        <div id="shopping_page">
            <!-- Shopping Cart -->
            <div class="row">
                <div class="col-md-12">
                    <div class="shopping-cart">
                        <button class="btn btn-default pull-right tip-center" id="confirm-order" data-url="<?php echo base_url('fundrising/cartlist'); ?>" title="Confirm Order" data-toggle="tooltip" data-tip-bgcolor="#585858"><i class="glyphicon glyphicon-check"></i></button>
                        <button class="btn btn-default pull-right" id="cart" data-url="<?php echo base_url('fundrising/cartlist'); ?>"><i class="glyphicon glyphicon-shopping-cart"></i></button>
                        Keranjang Belanja<br />
                        <span class="shopping-cart-item">(Kosong)</span>
                    </div>
                    <div id="cart_message"></div>
                    <div class="cart-details well" id="cart_list">
                        <p style="margin-bottom: 5px;">Keranjang belanja Anda masih kosong. Silahkan pilih product kami di bawah. Selamat Berbelanja!</p>
                        <button class="btn btn-default btn-sm" id="continue-shopping">Lanjut Belanja</button>
                    </div>
                </div>
            </div>
            
            <!-- Filter -->
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group input-group">
                        <select class="form-control" id="product_filter" name="product_filter">
                            <option value="">Sort by</option>
                            <option value="product_terbaru">Product Terbaru</option>
                            <option value="alfabet_az">Alfabet A-Z</option>
                            <option value="alfabet_za">Alfabet Z-A</option>
                            <option value="harga_termurah">Harga Termurah</option>
                            <option value="harga_termahal">Harga Termahal</option>
                        </select>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group input-group">
                        <input type="text" value="" id="search_product" name="search_product" placeholder="Search product..." class="form-control" />
                        <button class="btn btn-primary input-addon" id="btn_search_product" style="padding: 3px 12px !important;">
    						<i class="glyphicon icon-search"></i>
    					</button>
                    </div>
                </div>
            </div>
         
            <!-- List -->
            <div class="row">
                <!-- Product List -->
                <ul class="gallerylist" id="product_list"></ul>
                <!-- /Product List -->
                
                <!-- Product Pagination -->
                <div id="pagination_product"></div>
                <!-- /Product Pagination -->
            </div>
        </div>
        <!-- ---------------------------------------------------------------- -->
        
        <!-- Checkout Page -->
        <!-- ---------------------------------------------------------------- -->
        <div id="checkout_page" style="display: none;">
            <div class="row">
                <div class="col-md-12">
                    <!-- Button Back To Shopping -->
                    <button class="btn btn-default btn-sm btn-shopping" id="btn_shopping">Kembali Berbelanja</button>
                    
                    <!-- Message -->
                    <div id="order_message" style="display: none;"></div>
                    
                    <!-- Checkout Form -->
                    <form role="form" method="post" id="checkout-form" class="checkout-form" action="<?php echo base_url('fundrising/checkout'); ?>">
                        <!-- Billing Information -->
                        <div class="checkout-title">Informasi Penagihan</div>
                        <div class="checkout-body" id="billing_info">
                            <div class="form-group input-group">
                                <input type="text" class="form-control" id="co_nama" name="co_nama" placeholder="Nama Lengkap" />
                                <div id="co_nama_info" class="info"></div>
                            </div>
                            <div class="form-group input-group">
                                <input type="email" class="form-control" id="co_email" name="co_email" placeholder="Email" />
                                <div id="co_email_info" class="info"></div>
                            </div>
                            <div class="form-group input-group">
                                <select class="form-control" id="co_propinsi" name="co_propinsi">
                                    <option value="">Pilih Propinsi</option>
                                    <?php
                                        foreach ($list_propinsi as $lp) {
                                            ?> <option value="<?php echo $lp->state_id;?>"><?php echo $lp->state_name;?></option> <?php
                                        }
                                    ?>
                                </select>
                                <div id="co_propinsi_info" class="info"></div>
                            </div>
                            <div class="form-group input-group">
                                <select class="form-control" id="co_kota" name="co_kota">
                                    <option value="">Pilih Kota / Kabupaten</option>
                                </select>
                                <div id="co_kota_info" class="info"></div>
                            </div>
                            <div class="form-group input-group">
                                <textarea class="form-control" id="co_alamat" name="co_alamat" placeholder="Alamat" rows="3"></textarea>
                                <div id="co_alamat_info" class="info"></div>
                            </div>
                            <div class="form-group input-group">
                                <input type="text" class="form-control" onkeypress="return isNumber(event)" id="co_kodepos" name="co_kodepos" placeholder="Kode Pos" />
                                <div id="co_kodepos_info" class="info"></div>
                            </div>
                            <div class="form-group input-group">
                                <input type="text" class="form-control" onkeypress="return isNumber(event)" id="co_phone" name="co_phone" placeholder="Telp / Hp" />
                                <div id="co_phone_info" class="info"></div>
                            </div>
                            <div class="form-group input-group">
                                <div style="margin-bottom: 10px;"><label style="cursor: pointer;"><input type="radio" class="co_ship" id="co_ship_this" name="co_ship" value="ship_this" checked="" /> Kirim ke Alamat Ini</label></div>
                                <div style="margin-bottom: 10px;"><label style="cursor: pointer;"><input type="radio" class="co_ship" id="co_ship_diff" name="co_ship" value="ship_diff" /> Kirim ke Alamat Lain</label></div>
                            </div>
                            <div class="form-group input-group">
                                <div class="row">
                                    <div class="col-sm-6"></div>
                                    <div class="col-sm-6 text-right">
                                        <a href="#" id="button-checkout1" class=" btn btn-default">Lanjut</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <!-- Shipping Information -->
                        <div class="checkout-title">Informasi Pengiriman</div>
                        <div class="checkout-body" id="shipping_info" style="display: none;">
                            <div class="form-group input-group">
                                <input type="text" class="form-control" id="cos_nama" name="cos_nama" placeholder="Nama Lengkap" />
                                <div id="cos_nama_info" class="info"></div>
                            </div>
                            <div class="form-group input-group">
                                <select class="form-control" id="cos_propinsi" name="cos_propinsi">
                                    <option value="">Pilih Propinsi</option>
                                    <?php
                                        foreach ($list_propinsi as $lp) {
                                            ?> <option value="<?php echo $lp->state_id;?>"><?php echo $lp->state_name;?></option> <?php
                                        }
                                    ?>
                                </select>
                                <div id="cos_propinsi_info" class="info"></div>
                            </div>
                            <div class="form-group input-group">
                                <select class="form-control" id="cos_kota" name="cos_kota">
                                    <option value="">Pilih Kota / Kabupaten</option>
                                </select>
                                <div id="cos_kota_info" class="info"></div>
                            </div>
                            <div class="form-group input-group">
                                <textarea class="form-control" id="cos_alamat" name="cos_alamat" placeholder="Alamat" rows="3"></textarea>
                                <div id="cos_alamat_info" class="info"></div>
                            </div>
                            <div class="form-group input-group">
                                <input type="text" class="form-control" onkeypress="return isNumber(event)" id="cos_kodepos" name="cos_kodepos" placeholder="Kode Pos" />
                                <div id="cos_kodepos_info" class="info"></div>
                            </div>
                            <div class="form-group input-group">
                                <input type="text" class="form-control" onkeypress="return isNumber(event)" id="cos_phone" name="cos_phone" placeholder="Telp / Hp" />
                                <div id="cos_phone_info" class="info"></div>
                            </div>
                            <div class="form-group input-group">
                                <div class="row">
                                    <div class="col-sm-6"></div>
                                    <div class="col-sm-6 text-right">
                                        <a href="#" id="button-checkout-prev1" class=" btn btn-default">Kembali</a>
                                        <a href="#" id="button-checkout2" class=" btn btn-default">Lanjut</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <!-- Payment Information -->
                        <div class="checkout-title">Informasi Pembayaran</div>
                        <div class="checkout-body" id="payment_info" style="display: none;">
                            <div class="form-group input-group">
                                <select class="form-control" id="co_payment" name="co_payment">
                                    <option value="">Pilih Cara Pembayaran</option>
                                    <?php $mode = get_option('donation_mode'); ?>
                                    <?php if(!empty($mode)): ?>
                                        <?php foreach($mode as $key => $opt): ?>
                                            <option value="<?php echo $key; ?>"><?php echo $opt; ?></option>
                                        <?php endforeach ?>
                                    <?php endif ?>
                                </select>
                                <div id="co_payment_info" class="info"></div>
                            </div>
                            <div class="form-group input-group">
                                <div class="row">
                                    <div class="col-sm-6">
                                        <input id="co_cityto" name="co_cityto" type="text" class="form-control" placeholder="Cari kota minimal 3 karakter..." autocomplete="off" data-url="<?php echo base_url('fundrising/cityfrom'); ?>" />
                                        <div id="co_cityto_info" class="info"></div>
                                    </div>
                                    <div class="col-sm-6">
                                        <select class="form-control" id="co_paket" name="co_paket">
                                            <option value="">Pilih Paket Pengiriman</option>
                                        </select>
                                        <div id="co_paket_info" class="info"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group input-group">
                                <div class="row">
                                    <div class="col-sm-6"></div>
                                    <div class="col-sm-6 text-right">
                                        <a href="#" id="button-checkout-prev2" class=" btn btn-default">Kembali</a>
                                        <a href="#" id="button-checkout3" class=" btn btn-default">Lanjut</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <!-- Order Preview -->
                        <div class="checkout-title">Ulasan Pemesanan</div>
                        <div class="checkout-body" id="order_review" style="display: none;">
                            <div class="cart-details well" id="cart_list_review">
                                <p style="margin-bottom: 5px;">Keranjang belanja Anda masih kosong. Silahkan pilih product kami di bawah. Selamat Berbelanja!</p>
                                <button class="btn btn-default btn-sm" id="continue-shopping">Lanjut Belanja</button>
                            </div>
                            <div class="form-group input-group">
                                <div class="row">
                                    <div class="col-sm-6"></div>
                                    <div class="col-sm-6 text-right">
                                        <a href="#" id="button-checkout-prev3" class=" btn btn-default">Kembali</a>
                                        <a href="#" id="button-order" class=" btn btn-default">Pesan</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                    
                </div>
            </div>
        </div>
        <!-- ---------------------------------------------------------------- -->
        
        <!-- Order Confirmation Page -->
        <!-- ---------------------------------------------------------------- -->
        <div id="order_confirm_page" style="display: none;">
            <div class="row">
                <div class="col-md-12">
                    <!-- Bank Information -->
                    <div class="well bill" style="padding: 20px; display: none;">
                        <h5 style="margin: 10px 0;">Terima kasih atas pesanannya</h5>
                        <p style="margin-bottom: 5px;">Silahkan lakukan pembayaran sesuai jumlah pesanan Anda ke rekening di bawah ini dan konfirmasi pembayaran Anda melalui form yang di sediakan.</p>
                        <p style="margin-bottom: 5px;"><strong>Mandiri : 00 6000 751 2209 a.n. IPPI Indonesia</strong></p>
                    </div>
                    
                    <!-- Title -->
                    <div class="checkout-title">Konfirmasi Pemesanan</div>
                
                    <!-- Message -->
                    <div id="confirm_message" style="display: none;"></div>
                    
                    <!-- Checkout Form -->
                    <div class="checkout-body">
                        <form role="form" method="post" id="order-confirm-form" class="checkout-form" action="<?php echo base_url('fundrising/checkout'); ?>">
                            <div class="form-group input-group">
                                <input type="text" class="form-control" id="oc_invoice" name="oc_invoice" placeholder="Invoice" />
                                <div id="oc_invoice_info" class="info"></div>
                            </div>
                            <div class="form-group input-group">
                                <input type="email" class="form-control" id="oc_email" name="oc_email" placeholder="Email" />
                                <div id="oc_email_info" class="info"></div>
                            </div>
                            <div class="form-group input-group">
                                <input type="text" class="form-control" onkeypress="return isNumber(event)" id="oc_amount" name="oc_amount" placeholder="Jumlah Pembayaran (Rp)" />
                                <div id="oc_amount_info" class="info"></div>
                            </div>
                            <div class="form-group input-group">
                                <select class="form-control" id="oc_payment" name="oc_payment">
                                    <option value="">Pilih Cara Pembayaran</option>
                                    <?php $mode = get_option('donation_mode'); ?>
                                    <?php if(!empty($mode)): ?>
                                        <?php foreach($mode as $key => $opt): ?>
                                            <option value="<?php echo $key; ?>"><?php echo $opt; ?></option>
                                        <?php endforeach ?>
                                    <?php endif ?>
                                </select>
                                <div id="oc_payment_info" class="info"></div>
                            </div>
                            <div class="form-group input-group">
                                <input type="text" class="form-control" id="oc_bank_from" name="oc_bank_from" placeholder="Bank Pengirim" />
                                <div id="oc_bank_from_info" class="info"></div>
                            </div>
                            <div class="form-group input-group">
                                <input type="text" class="form-control" id="oc_rek_from" name="oc_rek_from" placeholder="Rekening Pengirim" onkeypress="return isNumber(event)" />
                                <div id="oc_rek_from_info" class="info"></div>
                            </div>
                            <div class="form-group input-group">
                                <textarea class="form-control" id="oc_note" name="oc_note" placeholder="Catatan" rows="3"></textarea>
                            </div>
                            <div class="form-group input-group">
                                <div class="row">
                                    <div class="col-sm-6"></div>
                                    <div class="col-sm-6 text-right">
                                        <a href="#" id="button-shopping" class="btn btn-default tip-center" title="Kembali Berbelanja" data-toggle="tooltip" data-tip-bgcolor="#585858"><i class="glyphicon glyphicon-shopping-cart"></i></a>
                                        <a href="#" id="button-order-confirm" class="btn btn-default">Konfirmasi</a>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!-- ---------------------------------------------------------------- -->
        
        <!-- Order Confirmation Page -->
        <!-- ---------------------------------------------------------------- -->
        <div id="thanks_order_page" style="display: none;">
            <div class="container text-center">
				<h3 class="text-primary margin-top-0">Terima Kasih</h3>
				<p class="h5" style="line-height: 22px;">
					Terima Kasih atas konfirmasi pemesanan Anda.<br />
                    Data akan segera di proses dan segera di lakukan proses pengiriman produk Anda.<br />
                    Selamat Berbelanja Kembali.
				</p>
				<p class="margin-bottom-10">
					<a href="#" class="case btn btn-default" id="button-shopping-thanks">Kembali Berbelanja</a>
				</p>
			</div>
        </div>
        <!-- ---------------------------------------------------------------- -->
        
    </div>
</article>
<!-- /#fundrising -->